<template>
  <div class="player">
    <audio ref="player" />
    <el-row :gutter="3">
      <el-col :span="1">111</el-col>
      <el-col :span="2">222</el-col>

    </el-row>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
defineOptions({
  name: 'Audio',
})

const playItem = ref()
const player = ref(null)
const playstatus = ref('pause')
const play = () => {
  if (playstatus.value == 'pause') {
    player.value.play()
    playstatus.value = 'play'
  } else {
    player.value.pause()
    playstatus.value = 'pause'
  }
}
</script>

<style scoped>
.player{
	width:8vh;
	height:4vh;
	background-color: beige;
}
</style>
